<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <style>
            #r1{color: green}
            .c1{color: blue}
            h1,h2{background-color: yellow}
            input[type="password"]{background-color: red}
            *{border: 1px solid red}
        </style>
    </head>
    <body>
        <ul>
            <li id="r1">张学友</li>
            <li class="c1">刘德华</li>
            <li class="c1">郭富城</li>
        </ul>
        <h1 >悟空</h1>
        <h1>八戒</h1>
        <h1>沙僧</h1>
        <h2>沙僧</h2>
        <input type="text">
        <input type="password">
    </body>
</html>